
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
	<title>active State on Mobile</title>
	<style>
		.btn{
			display: inline-block;
			height:50px;
			width:200px;
			line-height: 50px;
			text-align: center;
			font-family: georgia;
			font-size:20px;
			border:1px solid #111;
			box-shadow:0 5px 1px #ccc;
			border-radius:25px;
			color:#111;
			text-decoration: none;
			-webkit-tap-highlight-color: rgba(0,0,0,0);
		}
		.btn:active{
			position:relative;
			top:5px;
			box-shadow:0 1px 1px #ccc;
		}
	</style>

</head>
<body>
	<div class="btn">
		Tap Me
	</div>
</body>
</html>